header
  .row
    //- sm- visible
    .menu.visible-xs.visible-sm.col-xs-2(@click='onClickHeaderMenu')
      i.iconfont.icon-menu
      .content(v-show='gIsShowHeaderMenu')
        ul
          li.search-wrap
            .search
              input
              button 搜索
              i.iconfont.icon-search
          li
            a(href='./home.html') 主页
          li 
            a(href='./luck.html') 每日财运
          li 收费服务
          li
            a(href='./news.html') 最新消息
          li 
            a(href='./intro.html') 简介
          li 奇门简介
          li 紫微命盘
          li 
            a(href='./calendar.html') 万年历
          li
            a(href='./classroom.html') 教室
          li
            a(href='./shop.html') 商店
          li 公众论坛
          li
            a(href='./qa.html') 课程回答
          li 联系我们
          li 条款及细则
          li 私隐政策
          li 关于收费及点数使用
    // 未登录，立即注册的链接query type=signup 时显示注册界面，没有query则显示登录界面
    .col-sm-10.auth.g-size4.g-hidden.col-sm-6
      a.auth-item(href='./auth.html') 登录
      a.auth-item.g-color-red.hidden-xs(href='./auth.html?type=signup') 立即注册
    // 已登录
    .col-sm-10.authed.g-size4.col-md-6
      span.g-margin-r-lg 欢迎您，xxx
      a.authed-item.g-margin-r-lg.g-color-red(href='/') 会员天地
      a.authed-item.g-color-main(href='/') 退出

    //- sm hidden
    .col-md-6.search.g-text-right.hidden-xs.hidden-sm
      .search-item.label.g-color-active 繁体
      .search-item.input
        input(type="text")
      .search-item.btn 
        button 搜索
  